<template>
    <div>
        <div style="background:#ffffff">
            <van-row gutter="50">
                <van-col 
                style="color:#c2ad98;
                padding: 5% 0px 5% 0px;
                margin-left:3% ;"
                 span="9">
                    <van-icon @click="reMyset"  name="arrow-left" size="20"/>
                </van-col>
                <van-col 
                style="font-weight:900;
                padding: 5% 0px 5% 0px;
                margin-left: -5%;" 
                span="10">OMINI官方客服</van-col>
            </van-row>
        </div>
        
        <div
        style="
        background-color: #f2f2f2;
        height: 600px;
        width:100%;
        position: relative;
        ">
        <div
        style="
        font-size: 12px;
        padding: 2%;
        margin-left: 40%;
        "
        >周二下午6:00</div>
        <div
        style="
        display:flex;
        padding: 4%;
        ">
                <van-image
                round
                width="3rem"
                height="3rem"
                src="https://img2.baidu.com/it/u=1305248331,3698728375&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"
                />
                <div
                style="
                background-color: #ffffff;
                width: 60%;
                padding: 4%;
                margin-left: 2%;
                border-radius: 5px;
                
                ">
                    <h4>亲，您可以问我</h4>
                    <p class="problem">如何在商城上购买商品？</p>
                    <p  class="problem">如何申请退款？</p>
                    <p  class="problem">未收到货，怎么办？</p>
                    <p  class="problem">收到产品有质量问题，怎么办？</p>
                    <p  class="problem">为什么我的评价不显示？</p>
                    <p  class="problem">运费险如何处理？</p>
                </div>
            </div>
            
            <div
            style="
            display:flex;
            margin-left: 25%;
            ">
                <span
                style="
                background-color: #ffffff;
                margin: 2%;
                margin-top:0% ;
                border-radius: 5px;
                font-size: 14px;

                
                ">收到产品有质量问题，怎么办？</span>
                <van-image
                round
                width="3rem"
                height="3rem"
                src="https://img0.baidu.com/it/u=1282950828,2044589337&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=490"
                />
            </div>

            <div
            style="
            display:flex;
            font-size: 14px;
            padding: 4%;
            ">
                <van-image
                round
                width="3rem"
                height="3rem"
                src="https://img2.baidu.com/it/u=1305248331,3698728375&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"
                />
                <span style="width:67%;margin-left: 2%;border-radius: 5px;">
                    产品有质量问题可联系店铺客服处理，对处理结果不满意可联系客服介入哦~
                </span>
            </div>

            <div
            style="
            display:flex;
            justify-content:space-between;
            position:absolute;
            bottom: 0;
            left: 16%;
            align-items: center;">
                <van-icon style="margin-left:-9%" name="comment-circle-o" size="30"/>
                <van-field
                style="
                width:80%;
                border:0;
                border-radius:50px;
                height: 40px;"
                right-icon="smile-o"
                />
                <van-icon  name="add" size="30" color="#c1ab96"/>
            </div>
        </div>
    </div>
</template>
<script setup lang="ts">
    import {ref} from "vue"
    import { useRouter } from "vue-router";
    const $router = useRouter();
    //跳转回我的菜单
    function reMyset(){
        history.back();
        console.log(1111);
    }
</script>
<style scoped>
    *{margin: 0;}
.problem{
        color: #99c8cd;font-size: 12px;margin-top: 4%;
}
span{
    background-color: white;padding: 4%;
}
</style>